<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        function changeImg(){
            let imgObj=document.getElementById("codeImg")
            //当我们访问页面之后，页面会对服务器返回的数据做一个缓存，当每次再次请求一样的数据路径的时候，就会优先调用本地已经缓存了的
            //所以没有办法更新图片，这个时候就要加入随机数，让它每次访问的路径都不一样，这样就能更新验证码图片了
            imgObj.src="/checkCode?"+Math.random();
        }
    </script>
</head>
<body>
    index主界面
    <a href="/user/del/1">删除</a>
    <div>
        验证码:<img src="/checkCode" id="codeImg">
        <a href="javascript:changeImg()">看不清，换一张</a>
    </div>
</body>
</html>